<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QQ会员</title>
<style type="text/css">
  
 #abc{height:100px;
 background:rgba(0,0,0,0.5)
 url(file:///C|/Users/MI/Desktop/7%E7%AB%A0%E7%B4%A0%E6%9D%90/01%20%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A01%EF%BC%9AQQ%E4%BC%9A%E5%91%98%E9%A1%B5%E9%9D%A2%E5%AF%BC%E8%88%AA/img/logo.png) 40px 0px no-repeat; background-size:145px 90px;
 }
 a:link{color:white;
 text-decoration:none;}
 a:hover{color:#00F;
 text-decoration:none;}
 a{display:inline-block;}
 .s1{margin-left:250px;
 padding-top:35px;
 display:inline-block;}
 .login1{display:inline-block;
 }
  .login1 a{
  border-radius:20px;
  color:#Ff3;
  padding:10px 20px;
  border:1px solid #FC0;}
  .login1 a:hover{background-color:#fc6;
  font-weight:bolder;
  }
</style>
</head>

<body>
<div id="abc">
<div class="s1">
<a href="#">功能特权</a>
<a href="#">游戏特权</a>
<a href="#">生活特权</a>
<a href="#">会员活动</a>
<a href="#">成长体系</a>
<a href="#">年费专区</a>
<a href="#">超级会员</a>
</div>
<div class="login1">
<a href="#">登录</a>
<a href="#">开通超级会员</a>
</div>
</body>
</html>
